<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>文拓教育</title>
  <link rel="stylesheet" href="./static/styles/reset.css">
  <!-- 第二种banner效果引入样式 -->
  <link rel="stylesheet" href="./static/styles/swiper.css">
  <link rel="stylesheet" href="./static/styles/theme1.css">
  <link rel="stylesheet" href="./static/js/plugins/layer/theme/default/layer.css"> <!-- 新加 -->
</head>
<body>
  <!-- S 头部 -->
  <header>
    <div class="wrapper header">
      <div class="logo"><a href="/"><img src="./static/imgs/logo.png" /></a></div>
      <div class="links">
        <ul>
          <li class="selected">
            <a class="item"><img src="./static/imgs/nav_ed_icon.png" />文化教育</a>
          </li>
          <li>
            <a class="item"><img src="./static/imgs/nav_ed_icon1.png" />拓展技能</a>
          </li>
          <li>
            <a class="item"><img src="./static/imgs/nav_skill_icon.png" />学历提升</a>
          </li>
        </ul>
      </div>
    </div>
  </header>
  <!-- E 头部 -->

  <!-- S 头部广告 -->
  <section class="ad">
    <img src="" />
  </section>
  <!-- E 头部广告 -->

  <!-- S 菜单 -->
  <section class="menu">
    <div class="wrapper menu-conotainer">
      <ul>
        <li class="active"><a href="/">首页</a></li>
        <li><a href="/">健康管理师</a></li>
        <li><a href="/">成人高考</a></li>
        <li><a href="/">老师资格证</a></li>
        <li><a href="/">保育员</a></li>
        <li><a href="/">营养师</a></li>
      </ul>
    </div>
  </section>
  <!-- E 菜单 -->


  <!-- S 头部 -->

  <!-- 下面两种banner效果，随便选一种 -->
  <!-- // S banner1 第一种banner效果 全屏-->
  <div class="banner">
    <div id="slideBox" class="slideBox">
      <div class="hd">
          <ul>
              <li class="on">
                  <span>图片信息1</span>
                  <div class="dot">
                      <div class="liner"></div>
                  </div>
              </li>
              <li class="">
                  <span>图片信息2</span>
                  <div class="dot">
                      <div class="liner"></div>
                  </div>
              </li>
              <li class="">
                  <span>图片信息3</span>
                  <div class="dot">
                      <div class="liner"></div>
                  </div>
              </li>
          </ul>
      </div>
      <div class="bd">
          <ul>
            <li style="background-color:#61838f;">
              <a href="#"><img src="./static/imgs/t1.png" /></a>
            </li>
            <li style="background-color:#ffda8e;">
              <a href="#"><img src="./static/imgs/t2.png" /></a>
            </li>
            <li style="background-color:#c9d992;">
              <a href="#"><img src="./static/imgs/t3.png" /></a>
            </li>
          </ul>
      </div>
      <a class="prev" href="javascript:void(0)"></a>
      <a class="next" href="javascript:void(0)"></a>
    </div>
  </div>
  <!-- // E banner -->

  <!-- // S banner2  第二种样式。固定宽度的 -->
  <div class="wrapper">
    <div class="banner">
      <div class="swiper-container" id="case1">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="./static/imgs/t1.png"></div>
          <div class="swiper-slide"><img src="./static/imgs/t2.png"></div>
          <div class="swiper-slide"><img src="./static/imgs/t3.png"></div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
  </div>

  <!-- // E banner -->

  <!-- S main Pic -->
  <div class="main-pic wrapper">
    <a href="http://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT34483752&lng=cn" target="_blank">
     <img src="./static/imgs/t1.png" />
    </a>
  </div>
  <!-- E main Pic -->

  <!-- S main -->
  <section class="main wrapper">
  </section>
  <!--  E main -->

  <!-- S 2020教师资格考试考生必读 -->
  <div class="condition-wrapper">
    <section class="conditions wrapper">
      <div class="title">2020教师资格考试考生必读</div>
      <div class="subtitle">精心归纳，请仔细阅读</div>
      <ul class="clearfix">
        <li>
          <div class="item">
            <div class="title">报考条件</div>
            <div class="cont">现已开始报考，实行国考后多省份出现报考失败的情况，请考生及时报考。</div>
            <div class="btn">了解2020最新报考条件</div>
          </div>
        </li>
        <li>
          <div class="item">
            <div class="title">报考时间</div>
            <div class="cont">现已开始报考，实行国考后多省份出现报考失败的情况，请考生及时报考。</div>
            <div class="btn">进入2020教师报名入口</div>
          </div>
        </li>
        <li>
          <div class="item">
            <div class="title">考试科目</div>
            <div class="cont">国考改革后，由教育学、教育心理学改为综合素质、教育知识与能力，省考试讲改为国考机构化面试</div>
            <div class="btn">查询2020考纲具体科目</div>
          </div>
        </li>
        <li>
          <div class="item">
            <div class="title">考试时间</div>
            <div class="cont">教师证考试时间一般为每年的3月份和11月份，具体时间请关注官方通知。</div>
            <div class="btn">查询2020准确考试时间</div>
          </div>
        </li>
        <li>
          <div class="item">
            <div class="title">考试大纲</div>
            <div class="cont">教育部考试中心已公布中小学幼儿园教师资格证考试大纲。</div>
            <div class="btn">查询2020最新考试大纲</div>
          </div>
        </li>
        <li>
          <div class="item">
            <div class="title">政策解读</div>
            <div class="cont">国考改革后，难度大幅提升，考试科目增加，报考条件提高，报考专业限制。</div>
            <div class="btn">解读2020更多考试改革</div>
          </div>
        </li>
      </ul>
    </section>
  </div>
  <!-- E 2020教师资格考试考生必读 -->

  <section class="online_evaluation wrapper">
    <div class="title">在线测评，揭晓您是否能报考教师证</div>
    <div class="evalutation">
      <form id="form">
        <div class="form">
          <div class="form-label">1.学历层次</div>
          <div class="form-item">
            <input name="education" type="radio" id="ed1" value="1" checked><label for="ed1">无学历 </label>
            <input name="education" type="radio" id="ed2" value="2" /><label for="ed2">初中 </label>
            <input name="education" type="radio" id="ed3" value="3" /><label for="ed3">高中/中专 </label>
            <input name="education" type="radio" id="ed4" value="4" /><label for="ed4">大专 </label>
            <input name="education" type="radio" id="ed5" value="5" /><label for="ed5">本科及以上 </label>
          </div>
          <div class="form-label">2.专业类型</div>
          <div class="form-item">
            <input name="major" type="radio" id="major1" value="1" checked /><label for="major1">医学类专业 </label>
            <input name="major" type="radio" id="major2" value="2" /><label for="major2">非医学类专业 </label>
          </div>
          <div class="form-label">3.工作经验</div>
          <div class="form-item">
            <input name="experience" type="radio" id="exp1" value="1" checked /><label for="exp1">1年以内 </label>
            <input name="experience" type="radio" id="exp2" value="2" /><label for="exp2">1-2年 </label>
            <input name="experience" type="radio" id="exp3" value="3" /><label for="exp3">2-3年 </label>
            <input name="experience" type="radio" id="exp4" value="4" /><label for="exp4">3年以上 </label>
          </div>
        </div>
        <div class="footer-form">
          <span>您的姓名<input type="text" name="name" placeholder="请输入您的姓名" /></span><span>您的手机 <input type="tel" name="tel" placeholder="请输入您的手机" />
          </span><button type="button" id="j_button">立即查看</button>
        </div>
      </form>
    </div>
  </section>

  <!-- S 头部 -->
  <footer>
    <div class="wrapper footer">
      <section class="foot_links">
        <div class="title">课程导航</div>
        <ul>
          <li><a href="http://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT34483752&lng=cn">职业资格</a></li>
          <li><a href="#">物业管理师</a></li>
          <li><a href="#">物流师</a></li>
          <li><a href="#">项目管理师</a></li>
          <li><a href="#">人力资源师</a></li>
          <li><a href="#">公共营养师</a></li>
          <li><a href="#">心理咨询师</a></li>
          <li><a href="#">催乳培训师</a></li>
          <li><a href="#">育婴培训师</a></li>
          <li><a href="#">健康护理员</a></li>
          <li><a href="#">推拿培训</a></li>
          <li><a href="#">沟通技巧</a></li>
          <li><a href="#">翻译资格</a></li>
        </ul>
      </section>
      <div class="links">
        <a href="#">Home</a>
        <a href="#">About</a>
        <a href="#">Portfolio</a>
        <a href="#">Vacancy</a>
        <a href="#">Blog</a>
        <a href="#">Contact Us</a>
      </div>
      <div class="copyright">
        © Copyright 2012 - 2018 UI Kit by Laaqiq All Rights Reserved
      </div>
      <div class="concat">
        <a href="#"><img src="" /></a>
      </div>
    </div>
  </footer>
  <!-- E 头部 -->

  <!-- 新加 -->
  <script>
    var ajaxUrl = "http://baidu.com";  // 在线测评提交地址URL
  </script>

  <script src="./static/js/jquery.min.js"></script>
  <script src="./static/js/plugins/layer/layer.js"></script><!-- 新加 -->
  <!-- // 第一种banner 效果 -->
  <script src="./static/js/jquery.SuperSlide.2.1.3.js"></script>
  <!-- 第二种banner效果 -->
  <script src="./static/js/swiper.min.js"></script>
  <script src="./static/js/theme1.js"></script><!-- 修改 -->
</body>
</html>
